:root {
  --van-blue: #644DFF;
  /* font size */
  --small: 12px;
  --normal: 14px;
  --medium: 16px;
  --large: 18px;
  --huge: 24px;
  --giant: 28px;
  
  --primary: #644DFF;
  --success: #67c23a;
  --warning: #ffa60a;
  --danger: #ff5959;
  --info: #909399;
  --linkColor: #4099FF;
  /* font color */
  --mainFont: #000000;
  --normalFont: #636d80;
  --subFont: #98a1b3;
  --posFont: #bdc2cc;
  --backgroundColor: #f6f8fa;
  /* border color */
  --border1: #cdcdcd;
  --border2: #eff2f7;
  --border3: #E9E9E9;
  --border4: #f2f6fc;
  /* grey color */
  --black: #000000;
  --grey-0: #303133;
  --grey-1: #606266;
  --grey-2: #909399;
  --grey-3: #c0c4cc;
  --grey-4: #dedfe6;
  --grey-5: #e4e7ed;
  --grey-6: #ebeef5;
  --grey-7: #f2f6fc;
  --grey-8: #f0f0f0;
  --grey-9: #f6f8fa;
  --grey-10: #f8f8f8;
  --white: #ffffff;
}